<template>
    <div class="owner_container">
        <div class="banner_box">
            <div class="intro_box">
                <h2 class="intro_box_title">更有效率让你的办公空间换成租金</h2>
                <ul class="intro_list">
                    <li>
                        <img src="../../assets/img/space.png" alt="" class="img_list">
                        <p class="text">将空间换成租金</p>
                        <p class="intro">建立你的房源，立即让租户透过平台租下你的空间</p>
                    </li>
                    <li>
                        <img src="../../assets/img/ensure.png" alt="" class="img_list">
                        <p class="text">房大保障</p>
                        <p class="intro">所有的租户都经过手机和身份验证</p>
                    </li>
                    <li>
                        <img src="../../assets/img/manage.png" alt="" class="img_list">
                        <p class="text">轻松管理</p>
                        <p class="intro">透过平台轻松管理空间看房和预订，让您和客户直接沟通</p>
                    </li>
                </ul>
                <el-button type="default" class="btn_intro" @click="moveToUnder">立即投放房源</el-button>
            </div>
        </div> 
        <!-- 3部曲 -->
        <div class="smaple_box">
            <h2 class="smaple_box_title">简单3部曲出租空间</h2>
            <ul class="smaple_box_list">
                <li>
                    <img src="../../assets/img/commit.png" alt="" class="smaple_box_img">
                    <p class="smaple_box_list_text">提交</p>
                    <p class="smaple_box_intro">提交房源资料，图片，联系人</p>
                </li>
                <li>
                    <img src="../../assets/img/commoncation.png" alt="" class="smaple_box_img">
                    <p class="smaple_box_list_text">沟通</p>
                    <p class="smaple_box_intro">与租户联系，预约看房</p>
                </li>
                <li>
                    <img src="../../assets/img/deal.png" alt="" class="smaple_box_img">
                    <p class="smaple_box_list_text">成交</p>
                    <p class="smaple_box_intro">在线处理预约、订单， 快速成交</p>
                </li>
            </ul>         
        </div>

        <div class="commoncation_box">
            <div class="commoncation_container">
                <span class="commoncation_box_text">让你轻松管理房源，看房，和跟进潜在租户</span>
                <img src="../../assets/img/speak.png" alt="" class="commoncation_box_img">
            </div>
            <div class="commoncation_containers">
                <span class="commoncation_box_texts">透过平台和租户即时沟通</span>
                <img src="../../assets/img/rent.png" alt="" class="commoncation_box_imgs">
            </div>
        </div>

        <div class="group_box">
            <h2 class="group_box_title">房大客户服务经理整装待发，为您的房源匹配到合适的客户</h2>
        </div>

        <div class="update_box">
            <h2 class="update_box_title">免费上传房源</h2>
            <ul class="update_box_list">
                <li>
                    <div class="img_box">
                        <img src="../../assets/img/basic.png" alt="" class="imgbox">
                        <p>基本展示</p>
                    </div>
                    <div class="text_box">
                        <p>一键快速推广</p>
                        <p>基本房源展示</p>
                        <p>直连客户</p>
                        <p>客户管理系统</p>
                    </div>
                </li>
                <li>
                    <div class="img_box">
                        <img src="../../assets/img/first.png" alt="" class="imgbox">
                        <p>优先展示</p>
                    </div>
                    <div class="text_box">
                        <p>精准匹配优质客户</p>
                        <p>优先房源展示</p>
                        <p>优先匹配客户</p>
                        <p>客户管理系统</p>
                    </div>
                </li>
                <li>
                    <div class="img_box">
                        <img src="../../assets/img/gold.png" alt="" class="imgbox">
                        <p>黄金展示</p>
                    </div>
                    <div class="text_box">
                        <p>主动出击获客</p>
                        <p>黄金位房源展示</p>
                        <p>主动推广客户</p>
                        <p>广告位展示</p>
                        <p>客户管理系统</p>
                    </div>
                </li>
            </ul>
        </div>

        <div class="footer_box">
            <div class="footer">
                <h2 class="footer_box_title">用几分钟提交你的房源，轻松出租办公空间</h2>
                <el-button class="btn_footer" @click.native="moveToUnder">立即投放房源</el-button>
            </div>
        </div>
    </div>
</template>    
<script>
import {setCookie,removeCookie,getCookie } from '@/api/login'
export default {
    metaInfo: {
        title: "业主",
        meta: [
            {
                name: "keywords",
                content: "办公,租赁,房源,办公空间,房屋出租,办公空间出租,生意经,找办公空间,业主,投放房源,免费上传房源,出租办公空间,提交房源,财税文章,找房Tips,找房,楼市趋势,全部"
            },
            {
                name: "description",
                content: "房大办公业主"
            }
        ]
    },
    name:'Owner',
    data (){
        return {

        }
    },
    methods: {
        moveToUnder(){
            if(getCookie('sunzheng')){
                 axios({
                    method: 'post',
                    url: '/api/web/index/check-token',
                    data: {
                        token:getCookie('sunzheng'),
                    }
                }).then(
                    res=>{
                        if(res.data.code==0){
                            window.location.href=window.location.protocol+'//'+window.location.hostname+'/yz'
                            // if(window.location.hostname=='cn.zoomoffices.com'){
                            //     window.location.href=window.location.protocol+'//'+window.location.hostname+':8081'
                            // }else{
                            //     window.location.href=window.location.protocol+'//'+window.location.hostname+':8084'
                            // }
                        //    window.location.href="http://cn.zoomoffices.com:8081";
                        }else{
                            var storage = window.localStorage;
                            storage.clear()
                            removeCookie('sunzheng');
                            removeCookie('sunzhengtype');
                            removeCookie('wangyiaccid');
                            removeCookie('wangyitoken');
                            setCookie('islogin',false);
                            this.$router.go(0)
                            alert('登录超时，请重新登录')
                        }
                 })
            }else{
                this.$root.dialogLogin=true
            }
           
            
        },
    },  
    computed:{

    }
}
</script>
<style lang="scss" scoped>
@import "../../style/common.scss";
@import "./owner.scss";
</style>
